<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE>
<html lang="zh-CN">
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<base href="<%=basePath%>">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style1.css" rel="stylesheet">
<title>borrow</title>
<style> 
        .black_overlay{ 
            display: none; 
            position: absolute; 
            top: 0%; 
            left: 0%; 
            width: 100%; 
            height: 100%; 
            background-color: black; 
            z-index:1001; 
            -moz-opacity: 0.8; 
            opacity:.80; 
            filter: alpha(opacity=88); 
        } 
        .white_content { 
            display: none; 
            position: absolute; 
            top: 25%; 
            left: 25%; 
            width: 55%; 
            height: 55%; 
            padding: 20px; 
            border: 10px solid orange; 
            background-color: white; 
            z-index:1002; 
            overflow: auto; 
        } 
</style>
</head>

<body>
<script type="text/javascript">
function borrow () {
    var msg = "您确定要借阅该书吗？";
       if (confirm(msg)==true){
			return true;  //你也可以在这里做其他的操作
		}else{
			return false;
		}
}
function return_b() {
    var msg = "您确定要归还该书吗？";
       if (confirm(msg)==true){
			return true;  //你也可以在这里做其他的操作
		}else{
			return false;
		}
}
</script>


<table  class="table" >
  		<tr>
  			<th>证件号</th>
	  		<th>图书编号</th>
	  		<th>借出日期</th>
	  		<th>归还日期</th>
  		</tr>
     
	<c:forEach var="R" items="${sessionScope.reall}" > 
       <tr>
	       <td>${R.uid}</td>
	       <td>${R.bno}</td>
	       <td>${R.borrow_date}</td>
	       <td>${R.return_date}</td>
	   </tr>
    </c:forEach>  
    </table>

<form action="record" method="post" role="form">
<label>
图书编号
</label>
<input name="bno" type="text" class="form-control">
<br>
<!-- input name="uid" type="text" placeholder="证件号"> -->
<button type="submit" onclick="borrow()" value="1" name="record" class="btn btn-primary">借阅</button>
<button type="submit" onclick="return_b()" value="0" name="record" class="btn btn-primary">归还</button>
</form>



</body>
</html>